
import { createApp, defineComponent } from 'vue'
import mytruncate from '../plugins/myTruncate'

const App = defineComponent({
    template: `
    <h1>{{ $mytruncate('My truncated long text') }}</h1>
    <h2>{{ truncatedText }}</h2>
    `,
    data() {
        return {
            truncatedText: this.$mytruncate('My 2nd truncated text')
        }
    }
})

const app = createApp(App);
app.use(mytruncate, { limit: 10})
app.mount('#app')
